<!--
 * @Descripttion: 运行值班日志详情（油色谱）
 * @version: 
 * @Author: ye_zhiguo
 * @Date: 2021-08-13 09:22:48
 * @LastEditTime: 2021-08-21 16:17:02
-->
<template>
    <div id="journalDetail">
        <!-- <van-nav-bar title="油色谱在线监测数据" left-arrow @click-left="back">
            <template #right>
                <img src="../../images/icon_pm_form_edit.png" style="height:1.5rem;width:1.5rem;">
            </template>
        </van-nav-bar> -->
        <Theader title="油色谱在线监测数据" :headerStyle="{color:'#333',backgroundColor: '#fff'}" :textStyle="{color:'#333'}"
            :titleStyle="{color:'#333'}">
            <template slot="header_arrow">
                <van-icon size="17" name="arrow-left" @click="back" />
            </template>
            <template slot="header_icon">
                <img src="../../images/icon_pm_form_edit.png" style="height:1.5rem;width:1.5rem;">
            </template>
        </Theader>
        <!-- 资产参数 -->
        <div class="assets-box">
            <div class="assets-container">
                <div class="container-title">
                    <img src="../../images/icon_pm_title.png"
                        style="padding-right: 1rem;height:1.0625rem;width:1.0625rem;">
                    <span>基本信息</span>
                </div>
                <div class="container-text">
                    <van-cell-group v-for="(item,i) in logList" :key="i">
                        <van-cell :title="item.text1" :value="item.text2" />
                    </van-cell-group>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import Theader from "../component/header"
    export default {
        components: {
            Theader
        },
        data() {
            return {
                logList: [{
                    text1: '记录人',
                    text2: '迟长兴'
                }, {
                    text1: '记录时间',
                    text2: '2021/05/25 11:07'
                }, {
                    text1: '记录类型',
                    text2: '油色谱在线监测数据'
                }, {
                    text1: '变电站/开闭所',
                    text2: '丰泉变电站'
                }, {
                    text1: '设备名称',
                    text2: '设备名称'
                }, {
                    text1: '检测部位',
                    text2: '本体'
                }, {
                    text1: '检测时间',
                    text2: '2020/11/23 12:00'
                }, {
                    text1: 'H2',
                    text2: '12'
                }, {
                    text1: 'C2H4',
                    text2: '12'
                }, {
                    text1: 'CH4',
                    text2: '12'
                }, {
                    text1: 'C2H6',
                    text2: '12'
                }, {
                    text1: 'C2H2',
                    text2: '12'
                }]
            }
        },
        methods: {
            /**
             * @description: 返回
             */
            back() {
                this.$router.push({
                    name: 'dutyHome'
                })
            },
        }
    }
</script>

<style>
    #journalDetail {
        width: 100%;
        height: 100vh;
        font-size: 0.9375rem;
    }

    #journalDetail .assets-box {
        height: calc(100vh - 66px);
        padding: 10px;
        background: #F5F6F7;
    }

    #journalDetail .assets-container {
        height: calc(100% - 3rem);
        overflow: auto;
        background: #fff;
        padding: 20px;
        border-radius: 4px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
        background-image: url(../../images/image_pm_form_bg.png);
        background-size: 100% 100%;
    }

    #journalDetail .container-title {
        font-size: 1.0625rem;
        padding: 1rem;
        display: flex;
        align-items: center;
    }

    #journalDetail .container-text {
        font-size: 0.8125rem;
        color: #999999
    }

    #journalDetail .van-cell {
        color: #666666;
        font-size: 0.8125rem;
        background-color: transparent;
    }

    #journalDetail .van-cell__value {
        color: #333333;
        font-size: 0.8125rem;
    }

    #journalDetail [class*=van-hairline]::after {
        border: none
    }

    #journalDetail .van-cell-group {
        background-color: transparent;

    }
</style>